﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="partida">
        <button id="empezar">Empezar nueva partida</button>
        <style>
            #tablero {
                height: 160px;
                width: 160px;
                padding: 5px;
            }

            .row {
                height: 50px;
                width: 150px;
            }

            .col {
                height: 48px;
                width: 48px;
                border: 1px solid black;
                float: left;
                text-align: center;
                line-height: 48px;
            }

            .row0, .row2 {
                background-color: rgba(0,0,0,0.2);
            }

            .col1 {
                background-color: rgba(0,0,0,0.2);
            }
        </style>

        <div id="tablero">
            <div class="row row0">
                <div class="col col0"></div>
                <div class="col col1"></div>
                <div class="col col2"></div>
            </div>
            <div class="row row1">
                <div class="col col0"></div>
                <div class="col col1"></div>
                <div class="col col2"></div>
            </div>
            <div class="row row2">
                <div class="col col0"></div>
                <div class="col col1"></div>
                <div class="col col2"></div>
            </div>
        </div>

        <div>
            <h2>Solicitud de partidas</h2>
            <div id="partidas">
                <div>Cargando...</div>
            </div>
        </div>
    </div>
    <div>
        <h2>Mensajes</h2>
        <div id="mensajes"></div>
    </div>
    <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="Scripts/jquery.signalR-2.1.1.min.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="/signalr/hubs"></script>
    <script src="Scripts/tresenraya.js"></script>
</body>
</html>
